<!DOCTYPE html>
<html xmlns="">
<head>
    <meta charset="UTF-8">
    <title>堆糖，美好生活研究所</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        <div class="header-inner">
            <nav class="clearfix">
                <div class="nav-left clearfix">
                    <div class="logo">
                        <a href=""><img src="img/logo.png" alt=""></a>
                    </div>
                    <div class="an_fl">
                        <span>分类</span>
                        <i class="fas fa-angle-down"></i>
                    </div>
                    <div class="ssk clearfix">
                        <form action="">
                            <input  class="input_1" type="text" title="" placeholder="搜索感兴趣的内容">
                            <button type="submit"></button>
                        </form>
                    </div>
                </div>
                <div class="nav-right">
                    <a href="">堆糖生活家</a>
                    <a href="">注册/登录</a>
                </div>
            </nav>
        </div>
    </header>
    <!--内容部分-->
    <div class="main">
        <div class="main-bg">
            <img src="img/bg_gg.jpeg" alt="">
        </div>
        <!--轮播图一整排-->
        <div class="main-lbbf clearfix">
            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="img/lb_1.jpeg" class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="img/lb_2.jpeg" class="d-block w-100" alt="...">
                    </div>
                </div>
                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
            <div class="main-tr">
                <div class="lbbf-right">
                    <h3 class="h6">社区热点</h3>
                    <div class="lbbf-1">
                        <a href="">欧美风</a>
                        <a href="">美甲</a>
                        <a href="">东宫</a>
                        <a href="">张云雷</a>
                        <a href="">插画</a>
                        <a href="">女生节</a>
                        <a href="">阿丽塔</a>
                        <a href="">猫</a>
                    </div>
                    <div class="lbbf-2 clearfix">
                        <a href="">
                            <span class="span_1">精选</span>
                            <span class="span_2">招募 ● 少女感养成学院</span>
                        </a>
                        <a href="">
                            <span class="span_1">工具</span>
                            <span class="span_2">堆糖收图小助手</span>
                        </a>
                    </div>
                    <div class="lbbf-3">
                        <img class="img_lbbf" src="img/tp_1.png" alt="">
                        <div class="lbbf-3-1">
                            <span class="span-3">堆糖-美好生活研究所</span>
                            <br>
                            <span class="span-4">最佳生活类应用</span>
                            <a href="">立即下载</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-content clearfix">
            <div class="main-ct-left clearfix">
                <div class="main-cl-l">
                    <ul>
                        <li class="actives">每日精选</li>
                        <li>关注动态</li>
                    </ul>
                </div>
                <!--主题内容部分-->
                <div class="main-cl-c">
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/dtxlb.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">堆糖小喇叭</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>留下壁纸我们就是朋友!</p>
                        <img src="img/xlb-2.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">140
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">219
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/t_1.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">coloroom彩条屋</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>让观众苦等十年的《夏目友人帐》，到底是什么？</p>
                        <img src="img/t_2.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">1228
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">1581
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/t_3.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">美少女PINK酱</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要链接</p>
                        <img src="img/tp-4.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">161
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">765
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/tp-5.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">-你是我全世界最喜欢的猪-</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>有哪些适合摘抄的 文艺且悲凉的句子？</p>
                        <img src="img/t-6.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">82
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">274
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/tp-7.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">干脆面炼金术士</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>人生的意义，在于一天比一天活得快乐</p>
                        <img src="img/tp-8.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">54
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">104
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/dtxlb.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">堆糖小喇叭</a>
                            <p>主题-我曾为你动过情</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>我曾为你动过情</p>
                        <img src="img/wc.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">300
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">665
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/tp-5.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">-你是我全世界最喜欢的猪-</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>登上79所高校学生借阅排行榜的九本书</p>
                        <img src="img/tp-9.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">59
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">151
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/tp-10.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">情写风月</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>799风景内测美化包</p>
                        <img src="img/tp-11.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">35
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">22
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/tp-12.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">审</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>火影你们粉谁 留名我去截头像！</p>
                        <img src="img/tp-13.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">9
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">1
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/t_3.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">美少女PINK酱</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
                        <img src="img/tp-14.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">57
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">126
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/tp-15.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">少女感养成学院</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>同桌的你</p>
                        <img src="img/tp-16.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">89
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">106
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/dtxlb.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">堆糖小喇叭</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>我的cp真香!</p>
                        <img src="img/tp-17.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">91
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">107
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/tp-18.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">白日做大熊梦</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>当女生也太太太不容易了</p>
                        <img src="img/tp-19.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">78
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">76
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/tp-5.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">-你是我全世界最喜欢的猪-</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>有哪些好看 值得回味的爱情电影？</p>
                        <img src="img/tp-20.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">80
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">293
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/tp-21.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">堆糖Class小助手</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>伴随一生的【少女感】，拥有它也不难</p>
                        <img src="img/tp-22.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">34
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">41
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/tp-23.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">飞乐鸟</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>女生千万别看这些言情小说......不然会被里面的沙雕桥段给</p>
                        <img src="img/tp-24.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">68
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">63
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/tp_3.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">美少女PINK酱</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>7个私藏的小众APP，实用又有bigger，用过三款算我输</p>
                        <img src="img/tp-25.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">139
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">461
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mcc-top">
                        <div class="mc-img2">
                            <img src="img/tp-5.png" alt="">
                        </div>
                        <div class="mc-wz2">
                            <a href="">-你是我全世界最喜欢的猪-</a>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="mcc-content">
                        <p>中国最全的拨弦 击弦类乐器合集 种类十分多 涨姿势了。</p>
                        <img src="img/tp-26.png" alt="">
                    </div>
                    <div class="mcc-footer">
                        <div class="mf-bg">
                            <div class="mf-1">
                                <a href="">
                                    <img src="img/dz_1.png" alt="">42
                                </a>
                            </div>
                            <div class="mf-2">
                                <a href="">
                                    <img src="img/sc_1.png" alt="">71
                                </a>
                            </div>
                            <div class="mf-3">
                                <a href="">
                                    <img src="img/slh.png" alt="">更多
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="qwe">
                    <a href="">查看更多</a>
                    <i class="fas fa-angle-down"></i>
                </div>
            </div>
            <div class="main-ct-right">
                <div class="main-ct-rt1">
                    <h3 class="h6">推荐关注</h3>
                    <span class="span-5">换一批</span>
                    <ul class="ul-1">
                        <div class="mc-1">
                            <div class="mc-img">
                                <a href=""><img src="img/tp_3.png" alt=""></a>
                            </div>
                            <div class="mc-wz">
                                <a href="">一望损莓苔</a>
                                <p>擅长领域:手工，园艺</p>
                            </div>
                            <div class="mc-an">
                                <a href="">关注</a>
                            </div>
                        </div>
                        <div class="mc-1">
                            <div class="mc-img">
                                <a href=""><img src="img/tp_4.png" alt=""></a>
                            </div>
                            <div class="mc-wz">
                                <a href="">猫头鹰叔叔</a>
                                <p>擅长领域:摄影</p>
                            </div>
                            <div class="mc-an">
                                <a href="">关注</a>
                            </div>
                        </div>
                        <div class="mc-1">
                            <div class="mc-img">
                                <a href=""><img src="img/tp_5.png" alt=""></a>
                            </div>
                            <div class="mc-wz">
                                <a href="">兔纸鱼</a>
                                <p>擅长领域:Q版</p>
                            </div>
                            <div class="mc-an">
                                <a href="">关注</a>
                            </div>
                        </div>
                        <div class="mc-1">
                            <div class="mc-img">
                                <a href=""><img src="img/tp_6.png" alt=""></a>
                            </div>
                            <div class="mc-wz">
                                <a href="">小熊奶黄包</a>
                                <p>擅长领域:壁纸，Q版</p>
                            </div>
                            <div class="mc-an">
                                <a href="">关注</a>
                            </div>
                        </div>
                    </ul>
                    <a href="" class="a_1">查看更多></a>
                </div>
                <div class="main-ct-rt2">
                    <div class="main-ct-img">
                        <img src="img/erweima.jpeg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--footer内容-->
    <footer>
        <div class="footer-wrap clearfix">
            <div class="fw-top clearfix">
                <div class="fw-1 col-md-3 col-12">
                    <h5>APP下载</h5>
                    <p><img src="img/ewm.png" alt=""></p>
                    <p>扫描二维码</p>
                    <p>下载堆糖手机客户端</p>
                </div>
                <div class="fw-2 col-md-3 col-12">
                    <h5>关于我们</h5>
                    <p><a href="">关于我们</a></p>
                    <p><a href="">加入我们</a></p>
                    <p><a href="">联系我们</a></p>
                    <p><a href="">商务合作</a></p>
                </div>
                <div class="fw-3 col-md-3 col-12">
                    <h5>关注我们</h5>
                    <p><a href="">新浪微博</a></p>
                    <p><a href="">微信公众号</a></p>
                </div>
                <div class="fw-4 col-md-4 col-12 clearfix">
                    <h5>关于我们</h5>
                    <div class="fw-4-1">
                        <p><a href="">爱物网</a></p>
                        <p><a href="">肉丁网</a></p>
                    </div>
                    <div class="fw-4-2">
                        <p><a href="">东方女性网</a></p>
                        <p><a href="">更多..</a></p>
                    </div>

                </div>
             </div>
            <div class="fw-footer">
                <p>
                    <a href="">
                        ©2019 duitang.com 版权所有。沪ICP备10038086号-3
                        <img src="img/f1.png" alt="">
                        </a>
                    <a href=""><img src="img/f2.png" alt=""></a>
                     |增值电信业务经营许可证：沪B2-20180610自营经营者信息
                </p>
                <p>
                    <a href=""><img src="img/f3.png" alt="">
                        上海市互联网违法和不良信息举报中心
                    </a>
                    |  有害内容举报电话：021-63462282
                </p>
            </div>
         </div>
    </footer>

    <div id="toTop" style=" position: fixed; right: 10%; top: 60%">
        <div class="dt-backtotop">

        </div>
    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/jquery.min.js"></script>
<script>
    $(function () {
        $(window).scroll(function(){
            if ($(window).scrollTop()>0){
                $("#toTop").fadeIn(1500);
            }else {
                $("#toTop").fadeOut(1500);
            }
        });
        //当点击跳转链接后，回到页面顶部位置
        $("#toTop").click(function(){
            $('body,html').animate({scrollTop:0},1000);
            return false;
        });
    });
</script>
</html>